<div class="page-modals">
    <div class="uk-flex-top" id="modal-report" data-uk-modal>
        <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical"><button class="uk-modal-close-default" type="button" data-uk-close></button>
            <h2 class="uk-modal-title">反馈</h2>
            <form class="uk-form-stacked" action="#">
                <div class="uk-margin">
                    <div class="uk-form-label">问题</div>
                    <div class="uk-form-controls"><select class="js-select">
                            <option value="">选择问题</option>
                            <option value="Subject 1">信息来源问题</option>
                            <option value="Subject 2">网站体验问题</option>
                        </select></div>
                </div>
                <div class="uk-margin">
                    <div class="uk-form-label">描述</div>
                    <div class="uk-form-controls"><textarea class="uk-textarea" name="details" placeholder="输入你的描述..."></textarea></div>
                    <div class="uk-form-controls uk-margin-small-top">
                        <div data-uk-form-custom><input type="file"><button class="uk-button uk-button-default" type="button" tabindex="-1"><i class="ico_attach-circle"></i><span>附件</span></button></div>
                    </div>
                </div>
                <div class="uk-margin">
                    <div class="uk-grid uk-flex-right" data-uk-grid>
                        <div><button class="uk-button uk-button-small uk-button-link">取消</button></div>
                        <div><button class="uk-button uk-button-small uk-button-danger">提交</button></div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="uk-flex-top" id="modal-help" data-uk-modal>
        <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical"><button class="uk-modal-close-default" type="button" data-uk-close></button>
            <h2 class="uk-modal-title">帮助&联系</h2>
          
            <div class="uk-margin-small-left uk-margin-small-bottom uk-margin-medium-top">
                <h4>常见 Q&A</h4>
                <ul>
                    <li><span>网站信息来源第三方，如有疑惑，可以点击链接向我们反馈。</span></li>
                    <li><span>如果信息侵犯了您的权益，请点击反馈操作联系我们。</span></li>
                
                </ul>
                
            </div>
            <div class="uk-margin-small-left uk-margin-small-bottom uk-margin-medium-top">
                <h4>联系方式</h4>
                <ul>
                    <li><span>{{ this.theme.contract_info |raw }}</span></li>
                    
                
                </ul>
                {% if this.theme.qr_img %}
                <div style="text-align: center;">
                    <img style="max-width: 50%;" src="{{ this.theme.qr_img.path|default('') }}" />
                </div>
                {% endif %}
            </div>
        </div>
    </div>


</div>